/*
Theme Name: WFX Girder
Theme URI: http://wonderflux.com/
Description: This provides a working example of using the Wonderflux theme framework with a child theme.BETA VERSION - IMPORTANT - Ensure you visit the Wonderflux->Stylelab options to configure the sizing of your layout on first install!
Author: Jonnya Freelance Creative
Author URI: http://jonnya.net/
Version: 0.52
Template: wonderflux
Tags: wonderflux
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright (C) 2011 Jonny Allbut www.jonnya.net

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You may have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

You may also view the license online at http://www.gnu.org/licenses/gpl-2.0.html
*/

/* @group General rules */

/*
Define common colour references to be added in other CSS classes
Keep track of them here - it makes things easier when you start getting massive CSS files!
*/
.col-light { color: #fff; }
.col-light-alt { color: #d7d7d7; }
.col-mid { color: #757575; }
.col-mid-alt { color: #909090; }
.col-dark { color: #515151; }
.col-dark-alt { color: #000; }
.col-accent { color: #39737e; }
.col-accent-alt { color: #00a9ac; }

a, a:visited, a:active { color: #39737e; text-decoration: none; }

a:hover { color: #00a9ac; }

p { color: #757575; font-size: 1.2em; }

h1, h3, h4, h5, h6 { color: #39737e; }

h2 { color: #515151; }

h3 { font-size: 1.8em; }

.box-header h3 { margin-bottom: 3px; }

/* @end */


/* @group Header */

.box-header { padding-top: 20px; padding-left: 20px; background: url(../wonderflux/wf-content/backgrounds/solid-transparent-light/transparent_bg_light_10.png) repeat center top; padding-bottom: 25px; }

div.box-header-top { background: url(../wonderflux/wf-content/backgrounds/gradient-transparent-dark/grad_dark_b_20.png) repeat-x 0 bottom; padding: 20px 10px 10px 20px; }

#header-bg-main { background: url(images/bg-flowers-lrg.png) repeat center bottom; }

div#header-bg-primary { background: url(../wonderflux/wf-content/backgrounds/gradient-transparent-dark/grad_dark_b_20.png) repeat-x 0 bottom; }

div.box-footer { padding-left: 20px; padding-right: 20px; }

#footer-bg-main { background-image: url(images/bg-flowers-lrg-alt.png); }

#footer-bg-primary { background: url(../wonderflux/wf-content/backgrounds/gradient-transparent-dark/grad_dark_t_20.png) repeat-x center top; }

/* @end */


/* @group Main content */

#feature { background: url(../wonderflux/wf-content/backgrounds/solid-transparent-dark/transparent_bg_dark_10.png) repeat center top; }

.feature-box-left { padding: 10px 0 0 20px;  }

.feature-box-right { padding: 10px 20px 0 20px; }

.feature-box h2 { margin-bottom: 0; }

#main-content { background: url(../wonderflux/wf-content/backgrounds/gradient-transparent-dark/grad_lrg_dark_t_10.png) repeat-x center top; margin-top: 0; padding-top: 20px; padding-bottom: 25px; }

div.entry-content { padding-bottom: 13px; }

/*Add on the dividing line for posts */
.type-post div.entry-content { margin-bottom: 11px; border-bottom: 4px solid #e6e6e6; }

h2.entry-title { margin-bottom: 0; }

/*

@end */


/* @group Footer */

#footer-bg-content { padding-top: 30px; }

/* @end */


/* @group Sidebar */

div.sidebar-box, div.widget-box { padding: 0 20px 20px 20px; }

#sidebar ul { margin-left: 0; }

#sidebar ul li { list-style-type: none; font-size: 1.2em; }

p.feature-text { font-size: 1.2em; }

h4.sidebar-title { margin-bottom: 10px; color: #7b7b7b; border-bottom: 4px solid #e6e6e6; font-size: 1.5em; }

/* @end */


/* @group Wonderflux display functions */

/* @group Logged in user controls */

li.wfx-girder-admin-link { float: left; list-style-type: none; margin-right: 11px; }

ul.wf-edit-meta-main { margin-left: 0; border-top: 4px solid #e6e6e6; padding-top: 10px; margin-bottom: 30px; }

/* @end */

/* @group Footer Credit */

#wf-footer-credit p { padding-left: 20px; padding-top: 10px; }

/* @end */

/* @end */